<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html >
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="myimgs/lrs.png">
	<title>Lover</title>
	<!-- Bootstrap core CSS -->
	<link href="css/bootstrap.min.css" rel="stylesheet">

	<!-- Custom styles for this template -->
	<link href="css/carousel.css" rel="stylesheet">

	<style>
		body {
			padding-top: 90px;

		}

		.carousel img{

			width: 100%;
			height: 500px;
		}
	</style>
</head>
<!-- NAVBAR
================================================== -->
<body>
<div class="container">
	<div class="navbar-wrapper">

		<nav class="navbar navbar-inverse ">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="${pageContext.request.contextPath}">矾楼</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="active"><a href="booking/kiss?girlid=2">汪小敏</a></li>
						<li><a href="booking/kiss?girlid=3">柳如是</a></li>
						<li><a href="booking/kiss?girlid=4">董卿</a></li>
						<li><a href="${pageContext.request.contextPath}/list">群芳赏</a></li>

					</ul>
					<c:choose>
						<c:when test="${empty user}">
							<ul class="nav navbar-nav navbar-right">

								<li><a href="${pageContext.request.contextPath}/vip/login">登录</a></li>
								<li><a href="${pageContext.request.contextPath}/vip/reg">注册</a></li>
								&nbsp;&nbsp;
							</ul>
						</c:when>
						<c:otherwise>
							<ul class="nav navbar-nav navbar-right">
								<li><a href='${pageContext.request.contextPath}/vip/detail'>${user.name}</a></li>
								<li><a href="${pageContext.request.contextPath}/vip/detail"><i class="ti-file"></i> 预约记录</a></li>
								<li><a href="${pageContext.request.contextPath}/vip/moneydetail"><i class="ti-file"></i> 消费记录</a></li>
								<li><a href="${pageContext.request.contextPath}/vip/exit">注销</a></li>

								&nbsp;&nbsp;
							</ul>
						</c:otherwise>
					</c:choose>

				</div>
			</div>
		</nav>


	</div>


	<!-- Carousel
    ================================================== -->
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<img class="first-slide" src="myimgs/25.jpg" alt="First slide">
				<div class="container">
					<div class="carousel-caption">
						<h1>美腿</h1>

					</div>
				</div>
			</div>
			<div class="item">
				<img class="second-slide" src="myimgs/7.jpg" alt="Second slide">
				<div class="container">
					<div class="carousel-caption">
						<h1>丝袜</h1>

					</div>
				</div>
			</div>
			<div class="item">
				<img class="third-slide" src="myimgs/liurushi.jpg" alt="Third slide">
				<div class="container">
					<div class="carousel-caption">
						<h1>古典</h1>

					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div><!-- /.carousel -->


	<!-- Marketing messaging and featurettes
    ================================================== -->
	<!-- Wrap the rest of the page in another container to center all the content. -->

	<div class="container marketing">

		<!-- Three columns of text below the carousel -->
		<div class="row">
			<div class="col-lg-4">
				<img class="img-circle" src="myimgs/wxm11.jpg" alt="Generic placeholder image" width="140" height="140">
				<h2>汪小敏</h2>
				<p>汪小敏 ，1992年10月1日出生于广西壮族自治区南宁市，中国内地女歌手、演员。2011年，参加青海卫视《花儿朵朵》歌唱比赛荣获全国总冠军。2012年8月，发行个人首张专辑《Baby Girl 宝贝女孩》，并凭借该专辑入围中国歌曲排行榜“年度最佳新人”及“年度最受欢迎新人”两项大奖提名；同年12月，入围第四届新锐艺术人物表演类前五强。2016年2月再度登上《央视春晚》，表演节目《在你伟大的怀抱里》。</p>
				<p><a class="btn btn-default" href="booking/kiss?girlid=2" role="button">预定</a></p>
			</div><!-- /.col-lg-4 -->
			<div class="col-lg-4">
				<img class="img-circle" src="myimgs/ljx.jpg" alt="Generic placeholder image" width="140" height="140">
				<h2>李嘉欣</h2>
				<p>李嘉欣，1970年6月20日出生于中国澳门，华语影视演员。
					1989年，李嘉欣主演其首部生活剧《花月佳期》，从而进入演艺圈。1990，主演古装片《倩女幽魂Ⅱ：人间道》。1992年，主演王晶执导的剧情片《赌城大亨II之至尊无敌》 [1]  ；随后，主演程小东执导的武侠片《笑傲江湖之东方不败》。1993年3月，主演刘家良执导的动作片《醉拳3》；此后，主演喜剧动作片《方世玉》和《方世玉续集》 [2]  。</p>
				<p><a class="btn btn-default" href="booking/kiss?girlid=3" role="button">预定</a></p>
			</div><!-- /.col-lg-4 -->
			<div class="col-lg-4">
				<img class="img-circle" src="myimgs/lrs.png" alt="Generic placeholder image" width="140" height="140">
				<h2>董卿</h2>
				<p>董卿，1973年11月17日出生于上海。中国中央电视台节目主持人。先后毕业于上海戏剧学院1999届本科班和华东师范大学2002届硕士研究生班，获得上海戏剧学院MFA艺术硕士学位。 [1]  华东师范大学客座教授。 [2]  1994年到浙江电视台工作，开启其主持生涯。1996年到上海东方电视台工作，1998年因主持《相约星期六》受到观众关注，开始小有名气。1999年到上海卫视任节目主持人</p>
				<p><a class="btn btn-default" href="booking/kiss?girlid=4" role="button">预定</a></p>
			</div><!-- /.col-lg-4 -->
		</div>


		<!-- START THE FEATURETTES -->

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-7">
				<h2 class="featurette-heading">千叶·青楼 <span class="text-muted">纱夜鸟</span></h2>
				<p class="lead">
					卖笑，卖笑，虚情假意的笑，笑里藏刀的笑，没心没肺的笑。一笑倾城，再笑倾国，漫天要价，落地还钱。   卖春，卖春，贱卖不堪回首的青春，典当油彩描就的春情，另批发零售迷香春药。一手交钱，一手交货，货物出门概不退换。   卖身，卖身，天价拍卖残花败柳的肉身一具，附赠才女、侠女的虚名各五斤，夹带七窍玲珑孔雀胆一枚，只赌你识货不识货。
				</p>
			</div>
			<div class="col-md-5">
				<img class="featurette-image img-responsive center-block" src="myimgs/liurushi.jpg" alt="Generic placeholder image">
			</div>
		</div>

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-7 col-md-push-5">
				<h2 class="featurette-heading">扬州梦好，愿为三生杜牧 <span class="text-muted">芙蓉帐暖，终归一枕黄粱</span></h2>
				<p class="lead">上联：夜来风雨，落花知多少。

					下联：卷上珠帘，春光总不如。</p>
			</div>
			<div class="col-md-5 col-md-pull-7">
				<img class="featurette-image img-responsive center-block" src="myimgs/007.jpg" alt="Generic placeholder image">
			</div>
		</div>

		<hr class="featurette-divider">

		<div class="row featurette">
			<div class="col-md-7">
				<h2 class="featurette-heading">古代的青楼和现在的天上人间，是否有本质区别？<span class="text-muted">Checkmate.</span></h2>
				<p class="lead">很多小婊砸会问，逛青楼有什么好体验的，难道不是几个妹子站在门前花枝招展揽客喊着：嗨，后面的观众，你们好吗？随后跟着妹子进去，看着一大排美女摆开一字阵型随便挑一个，然后隔间按倒开火，止戈停战后交钱走人吗？答案是真没那么简单。下面，我们就真刀真枪一起来体验一把“逛青楼”！俗话说得好，兵马未动粮草先行。要逛去青楼体验，第一步：准备好银子。那么要准备多少钱呢？
				</p>
			</div>
			<div class="col-md-5">
				<img class="featurette-image img-responsive center-block" src="myimgs/008.jpg" alt="Generic placeholder image">
			</div>
		</div>

		<hr class="featurette-divider">




		<!-- /END THE FEATURETTES -->


		<!-- FOOTER -->
		<footer>
			<p class="pull-right"><a href="#">Back to top</a></p>
			<p>&copy; 2016 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
		</footer>

	</div><!-- /.container -->

	<div id="img-modal" class="modal fade"  >
		<div id="img-dialog" class="modal-dialog" style="width: 98%; height: 98%;text-align: center;">
			<div id="img-content" class="modal-content">
				<img id="img-zoom" src="" style="max-height: 100%; max-width: 100%;margin:10px;">
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.11.3.min.js"></script>

<script src="js/bootstrap.min.js"></script>



</body>
</html>
